<!DOCTYPE html>
<html>
<head>
	<title>Vue事件修饰</title>
</head>
<body>
	<div id="app">
		<p v-on:mousemove="updateMove">
			坐标：{{ x }} / {{ y }}
			--
			<!--<span v-on:mousemove="stopMove">停止</span>-->
			<span v-on:mousemove.stop="stopMove">停止</span>
		</p>
	</div>
 	<script type="text/javascript" src="../js/vue.js"></script>
 	<script type="text/javascript">
 		var app = new Vue({
 			el: '#app',
			data: {
				x: 0,
				y: 0,
			},
            // 在 `methods` 对象中定义方法
			methods: {
                updateMove(event){
					this.x = event.clientX;
					this.y = event.clientY;
				},
                stopMove(event){
					//操作原生 DOM 事件
					event.stopPropagation();
				}
			}
 		});
 	</script>
</body>
</html>